<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">             
        <!-- Bootstrap -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <script src="../resources/js/jquery.js"></script>
        <script src="../resources/bootstrap/js/bootstrap.min.js"></script>   

        <link rel="stylesheet" type="text/css" href="../resources/css/estilo.css">

        <script>
            $(function () {
                $("#topo").load("template/topo.html");
                $("#rodape").load("template/rodape.html");
            });
        </script> 
    </head>

    <body>
        <div class="container">
            <div id="conteudo" class="container-fluid">

                <div id="topo" class="container-fluid"></div>

                <div id="central" class="container-fluid">        
                    <h2>Bebidas</h2>

                    <hr>

                    <div id="prato1">
                        <h4><b>Água</b></h4>
                        <p>Água mineral 500ml.</p>
                        <h4><b>R$ 3,50</b></h4>
                        <img id="agua" alt="agua" src="../resources/images/bebidas/agua.png">                       
                    </div>  
                    
                    
                    <hr>

                    <div id="prato2">
                        <h4><b>Aquarius Fresh</b></h4>
                        <p>Refrigerante de baixa caloria e sem açucar 500ml.</p>
                        <h4><b>R$ 3,50</b></h4>
                        <img id="aquarius" alt="aquarius" src="../resources/images/bebidas/aquarios.png">                       
                    </div>
                    
                    <hr>

                    <div id="prato3">
                        <h4><b>Refrigerante 2 litros</b></h4>
                        <p>Escolha a bebida.</p>
                        <h4><b>R$ 3,50</b></h4>
                        <img id="refri" alt="refri" src="../resources/images/bebidas/refri.png">                       
                    </div>
                    
                    <hr>

                    <div id="prato4">
                        <h4><b>Refrigerante lata</b></h4>
                        <p>Refrigerante de 350ml.</p>
                        <h4><b>R$ 3,50</b></h4>
                        <img id="lata" alt="lata" src="../resources/images/bebidas/refriLata.png">                       
                    </div>
                </div>

                <div id="rodape" class="container-fluid"></div>

            </div>
        </div>
    </body>
</html>